<template>
  <div class="app-container home">
    <div class="appdownload bg-white">
      <div class="app-top 
    newnormal-app-top
    ">
        <div class="logo-wrap newdown-wrap">
          <a href="javascript:;" class=""></a>
        </div>
        <div class="app-top-con">
          <div class="top-pic newdown normal-text"></div>
          <div class="qr-code-box  gb-code-box-bg ">
            <p class="desc"><img class="weixin-icon" src="./images/weixin.svg">请使用微信扫码查看额度
            </p>
            <div class="qr-wrap">
              <div class="qr-box js-qr-code">
                <img
                  src=""
                  alt="查看额度二维码">
              </div>
            </div>
          </div>
        </div>
      </div>
      <div class="content ">
        <div class="icash-category cat-newdown"></div>
        <div class="icash-process">
          <div class="icash-title">
            <h3>
              <p class="en"><img src="https://w0.dxmstatic.com/content/resource/umoney/Borrowingprocess.png"
                  alt="BORROWING PROCESS"></p>
              <p class="cn  newcn">借款流程</p>
            </h3>
            <div class="rects">
              <p></p>
              <p></p>
              <p></p>
              <p></p>
              <p></p>
            </div>
            <div class="desc">
              <p>用钱<br>就找金服贷</p>
            </div>
          </div>
          <div class="icash-steps">
            <div class="step">
              <div class="icon"><img src="./images/step1.png" alt="线上申请">
              </div>
              <div class="process-title">线上申请</div>
              <p>无面审，<br>全部流程在线完成</p>
            </div>
            <div class="step">
              <div class="icon"><img src="./images/step2.png" alt="填写资料">
              </div>
              <div class="process-title">填写资料</div>
              <p>完善个人资料<br>便捷贷款</p>
            </div>
            <div class="bar bar-1"></div>
            <div class="step">
              <div class="icon"><img src="./images/step3.png" alt="获得额度">
              </div>
              <div class="process-title">获得额度</div>
              <p>最快30秒审批，<br>最高20万元额度</p>
            </div>
            <div class="bar bar-2"></div>
            <div class="step">
              <div class="icon"><img src="./images/step4.png" alt="快速到账">
              </div>
              <div class="process-title">快速到账</div>
              <p>最快1分钟到账，<br>灵活借款，息费透明</p>
            </div>
            <div class="bar bar-3"></div>
          </div>
        </div>
        <div class="icash-cheatproof">
          <div class="icash-title">
            <h3>
              <p class="en"><img src="https://plusjrmallstatic.bj.bcebos.com/wfe/luodiye/pc_proofeng_0122.jpg"
                  alt="FRAUD PREVENTION TIPS"></p>
              <p class="cn  newcn">防欺诈提示</p>
            </h3>
          </div>
          <div class="cheatproof-steps-bg">
            <div class="cheatproof-steps">
              <h4 class="steps-title">警惕：有不法分子冒充金服贷实施诈骗</h4>
              <div class="step">01. 金服贷客服不会使用非官方认证的个人微信号、QQ号、手机号等联系客户</div>
              <div class="step">02. 请从金服贷官网、手机官方应用商店等可信渠道下载金服贷APP</div>
              <div class="step">03. 金服贷息费透明，不存在“缴纳保证金”、“收费提额”等人工操作</div>
            </div>
          </div>
        </div>
      </div>



      <div class="index-footer">
        <div data-role="index_footer_top" class="index-footer-top">
          <div data-role="index_footer_item" class="index-float-left index-footer-bank">
            <h4>合作银行</h4>
            <p><a href="http://www.icbc.com.cn/" title="工商银行" target="_blank" hidefocus="true"
                class="index-inline-block index-footer-bank-01">工商银行</a><a href="http://www.abchina.com/" title="农业银行"
                target="_blank" hidefocus="true" class="index-inline-block index-footer-bank-02">农业银行</a><a
                href="http://www.boc.cn/" title="中国银行" target="_blank" hidefocus="true"
                class="index-inline-block index-footer-bank-03">中国银行</a><a href="http://www.ccb.com/" title="建设银行"
                target="_blank" hidefocus="true" class="index-inline-block index-footer-bank-04">建设银行</a><a
                href="http://www.bankcomm.com/" title="交通银行" target="_blank" hidefocus="true"
                class="index-inline-block index-footer-bank-05">交通银行</a><a href="http://www.cmbchina.com/" title="招商银行"
                target="_blank" hidefocus="true" class="index-inline-block index-footer-bank-06">招商银行</a><a
                href="http://www.spdb.com.cn/" title="浦发银行" target="_blank" hidefocus="true"
                class="index-inline-block index-footer-bank-07">浦发银行</a><a href="http://www.cmbc.com.cn/" title="民生银行"
                target="_blank" hidefocus="true" class="index-inline-block index-footer-bank-08">民生银行</a><a
                href="http://bank.ecitic.com/" title="中信银行" target="_blank" hidefocus="true"
                class="index-inline-block index-footer-bank-09">中信银行</a><a href="http://www.cib.com.cn/" title="兴业银行"
                target="_blank" hidefocus="true" class="index-inline-block index-footer-bank-10">兴业银行</a><a
                href="http://www.cebbank.com/" title="光大银行" target="_blank" hidefocus="true"
                class="index-inline-block index-footer-bank-11">光大银行</a><a href="http://bank.pingan.com/" title="平安银行"
                target="_blank" hidefocus="true" class="index-inline-block index-footer-bank-12">平安银行</a><a
                href="http://www.cgbchina.com.cn/" title="广发银行" target="_blank" hidefocus="true"
                class="index-inline-block index-footer-bank-13">广发银行</a><a href="http://www.hxb.com.cn/" title="华夏银行"
                target="_blank" hidefocus="true" class="index-inline-block index-footer-bank-14">华夏银行</a><a
                href="http://www.psbc.com/" title="邮储银行" target="_blank" hidefocus="true"
                class="index-inline-block index-footer-bank-15">邮储银行</a></p>
          </div>
          <div data-role="index_footer_item" class="index-float-left index-footer-merchant">
            <h4>合作商户</h4>
            <p><a href="https://www.iqiyi.com/" target="_blank" hidefocus="true" class="index-inline-block">爱奇艺</a><a
                href="https://www.apple.com.cn/" target="_blank" hidefocus="true" class="index-inline-block">苹果</a><a
                href="https://www.pwccn.com/zh.html" target="_blank" hidefocus="true"
                class="index-inline-block">普华永道</a><a href="https://www.jd.com/" target="_blank" hidefocus="true"
                class="index-inline-block">京东</a><a href="https://www.tesla.cn/" target="_blank" hidefocus="true"
                class="index-inline-block">特斯拉</a><a href="https://map.baidu.com/" target="_blank" hidefocus="true"
                class="index-inline-block">百度地图</a>
              <a href="https://www.woniuxy.com/" target="_blank" hidefocus="true" class="index-inline-block">蜗牛学苑</a>
            </p>
          </div>
          <div data-role="index_footer_item" class="index-float-left index-footer-help">
            <h4 class="index-inline-block"><span class="index-inline-block"></span>在线客服</h4>
            <p>24小时客服热线：18080384739</p>
            <p>客服邮箱：<a href="mailto:2931783765@qq.com" hidefocus="true">2931783765@qq.com</a></p>
          </div>
        </div>
      </div>
    </div>
  </div>
</template>

<script>
export default {
  name: "Index",
  data() {
    return {
      // 版本号
      version: "3.8.3",
    };
  },
  methods: {
    goTarget(href) {
      window.open(href, "_blank");
    },
  },
};

</script>
<script type="text/javascript" src="//huoke-cdn-source.duxiaoman.com/v/static/mall/common/pkg/lib_2aa1e3d.js">
</script>
<script type="text/javascript"
  src="//huoke-cdn-source.duxiaoman.com/v/static/mall/landing/js/swiper.min_0be277e.js"></script>
<script type="text/javascript"
  src="//huoke-cdn-source.duxiaoman.com/v/static/mall/landing/pkg/appdownload_40e2a2c.js"></script>
<script>
  var _hmt = _hmt || [];
(function() {
var hm = document.createElement("script");
hm.src = "https://hm.baidu.com/hm.js?5e505ca285ce79bff85c113df5d982f9";
var s = document.getElementsByTagName("script")[0];
s.parentNode.insertBefore(hm, s);
})();
</script>
<!--31347770724195851530092711-->
<script>
  var _trace_page_logid = 3134777072; 
</script>

<style scoped lang="scss">
.home {
  blockquote {
    padding: 10px 20px;
    margin: 0 0 20px;
    font-size: 17.5px;
    border-left: 5px solid #eee;
  }

  hr {
    margin-top: 20px;
    margin-bottom: 20px;
    border: 0;
    border-top: 1px solid #eee;
  }



  ul {
    padding: 0;
    margin: 0;
  }

  font-family: "open sans",
  "Helvetica Neue",
  Helvetica,
  Arial,
  sans-serif;
  font-size: 13px;
  color: #676a6c;
  overflow-x: hidden;

  ul {
    list-style-type: none;
  }

  h4 {
    margin-top: 0px;
  }

  h2 {
    margin-top: 10px;
    font-size: 26px;
    font-weight: 100;
  }

  p {
    margin-top: 10px;

    b {
      font-weight: 700;
    }
  }


  .appdownload .content {
    position: relative;
    width: 1200px;
    margin: -117px auto 150px;
    background-color: #fff;
    box-shadow: 0 2px 21px 0 rgba(57, 65, 90, .08)
  }

  .appdownload .content.with-tips {
    margin-bottom: 0
  }

  .appdownload .cloud-content-pic {
    width: 100%
  }

  .appdownload .icash-category {
    position: absolute;
    top: -1px;
    left: -91px;
    width: 80px;
    height: 80px;
    background-repeat: no-repeat;
    background-position: 0 0
  }

  .appdownload .icash-category.cat-xh {
    background-image: url(https://w0.dxmstatic.com/content/resource/umoney/manyidai.png)
  }

  .appdownload .icash-category.cat-fq {
    background-image: url(https://w0.dxmstatic.com/content/resource/umoney/zunxiangdai.png)
  }

  .appdownload .icash-category.cat-iqy {
    background-image: url(https://w0.dxmstatic.com/content/resource/umoney/iqyvip.png)
  }

  .appdownload .icash-category.cat-cloud {
    left: -120px;
    width: 116px;
    background-image: url(https://w0.dxmstatic.com/content/resource/umoney/cat-cloud.png)
  }

  .appdownload .icash-tips {
    position: relative;
    width: 1200px;
    margin: 30px auto 100px;
    color: #999;
    font-weight: 300
  }

  .app-top {
    position: relative;
    height: 640px;
    padding-top: 33px;
    margin: 0 auto;
    background-color: #2948bc;
    background-image: url(./images/long-video-first-pic.png), -webkit-linear-gradient(0deg, #1b31a9 0, #1f3bbb 100%);
    background-image: url(./images/long-video-first-pic.png), linear-gradient(90deg, #1b31a9 0, #1f3bbb 100%);
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: auto 100%
  }

  .newnormal-app-top {
    background-image: url(./images/long-video-first-pic.png), -webkit-linear-gradient(0deg, white 0, white 100%);
    background-image: url(./images/long-video-first-pic.png), linear-gradient(90deg, white 0, white 100%);
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: auto 100%
  }


  .logo-wrap {
    height: 42px;
    margin: 0 60px 0 66px
  }

  .newdown-wrap {
    width: 1200px;
    margin: 0 auto
  }



  .app-top-con {
    width: 1050px;
    margin: 0 auto;
    padding-top: 41px;
    color: #fff;
    overflow: hidden
  }

  .app-top-con .top-pic {
    float: left;
    width: 600px;
    height: 360px;
    background-repeat: no-repeat;
    background-position: 0 0;
    background-size: 100% 100%
  }

  .app-top-con .top-pic.cloud {
    width: 560px;
    height: 236px;
    margin-top: 85px;
    background-image: url(https://w0.dxmstatic.com/content/resource/umoney/toppic-cloud1.png)
  }

  .app-top-con .top-pic.normal-text {
    width: 560px;
    height: 281px;
    margin-top: 40px;
    background-image: url(https://plusjrmallstatic.bj.bcebos.com/wfe/luodiye/PC_zhuyaoixnxi.png)
  }

  .app-top-con .top-pic.activity-text {
    width: 563px;
    height: 304px;
    margin-top: 30px;
    background-image: url(https://plusjrmallstatic.bj.bcebos.com/wfe/luodiye/pc_activitytext_0122.jpg)
  }

  .app-top-con .top-pic.xh {
    width: 581px;
    height: 278px;
    margin-top: 40px;
    background-image: url(https://plusjrmallstatic.bj.bcebos.com/wfe/luodiye/fount-manyidai.png)
  }

  .app-top-con .top-pic.fq {
    width: 525px;
    height: 279px;
    margin-top: 40px;
    background-image: url(https://w0.dxmstatic.com/content/resource/umoney/toppic-fq.png)
  }

  .app-top-con .top-pic.iqy {
    width: 561px;
    height: 236px;
    margin-top: 82px;
    background-image: url(https://w0.dxmstatic.com/content/resource/umoney/toppic-iqy.png)
  }

  .app-top-con .top-pic.iqy_pinpai {
    background-image: url(https://w0.dxmstatic.com/content/resource/umoney/toppic-iqy-pinpai.png)
  }

  .app-top-con .top-pic.shunteng {
    width: 566px;
    height: 297px;
    margin-top: 30px;
    background-image: url(https://plusjrmallstatic.bj.bcebos.com/wfe/luodiye/shuntengtop200724werr.png)
  }

  .app-top-con .qr-code-box {
    float: right;
    position: relative;
    width: 377px;
    height: 335px;
    margin-right: 83px;
    padding-top: 25px;
    border-radius: 8px;
    // background-color: #3d62f1
  }

  .app-top-con .qr-code-box:after {
    content: '';
    position: absolute;
    left: -83px;
    bottom: 14px;
    width: 123px;
    height: 95px;
    background: url(https://w0.dxmstatic.com/content/resource/umoney/triangle.png) no-repeat 50% 50%;
    background-size: 100% 100%
  }

  .app-top-con .qr-code-box .desc {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 40px;
    font-size: 18px;
    line-height: 1;
    -webkit-transform: scale(1, .9);
    -ms-transform: scale(1, .9);
    transform: scale(1, .9)
  }

  .app-top-con .qr-code-box .weixin-icon {
    display: inline-block;
    margin: 0 4px
  }

  .app-top-con .qr-code-box .qr-wrap {
    display: inline-block;
    width: 190px;
    height: 178px;
    margin-top: 25px;
    margin-left: 96px;
    background: url(https://w0.dxmstatic.com/content/resource/umoney/qr-wrap.png) no-repeat 50% 50%;
    background-size: 100% 100%
  }

  .app-top-con .qr-code-box .qr-box {
    width: 132px;
    height: 132px;
    padding: 5px;
    margin: 14px 0 0 16px;
  }

  .app-top-con .qr-code-box .qr-box img {
    width: 100%
  }

  .app-top-con .gb-code-box-bg {
    // background-color: #FA5050;
    width: 350px;
    height: 310px;
    padding-top: 10px
  }

  .app-top-con .gb-code-box-bg .qr-wrap {
    margin-top: 30px;
    margin-left: 86px
  }

  .app-top-con .gb-code-box-bg:after {
    display: none
  }

  .app-top-con .cloud-app-qr-style {
    background: url(https://plusjrmallstatic.bj.bcebos.com/wfe/luodiye/PC_erweimaditu.png) no-repeat 50% 50%;
    background-size: 100% 100%
  }

  .app-top-con .cloud-app-qr-style:after {
    display: none
  }

  .app-top-con .cloud-app-qr-style .qr-wrap {
    position: relative;
    display: inline-block;
    width: 146px;
    height: 146px;
    margin-top: 132px;
    margin-left: 115px;
    background: url(https://plusjrmallstatic.bj.bcebos.com/wfe/luodiye/PC_erweimaditu_1.png) no-repeat 50% 50%;
    background-size: 100% 100%
  }

  .app-top-con .cloud-app-qr-style .qr-box {
    position: absolute;
    width: 126px;
    height: 126px;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    margin: 0;
    background-color: transparent
  }

  .app-top-con .cloud-app-qr-style .qr-box img {
    width: 100%
  }




  .icash-title {
    padding: 60px 88px 78px 94px;
    font-size: 36px;
    line-height: 1;
    color: #000;
    text-align: left;
    overflow: hidden
  }

  .icash-title h3 {
    float: left
  }

  .icash-title h3 .en {
    margin-bottom: -10px
  }

  .icash-title h3 .en img {
    display: block;
    height: 20px
  }

  .icash-title h3 .cn {
    position: relative;
    line-height: 46px
  }

  .icash-title h3 .cn:after {
    position: absolute;
    left: 0;
    bottom: -25px;
    content: '';
    width: 37px;
    height: 6px;
    background-color: #c1d1ff
  }

  .icash-title h3 .newcn {
    position: relative;
    line-height: 46px
  }

  .icash-title h3 .newcn:after {
    position: absolute;
    left: 0;
    bottom: -25px;
    content: '';
    width: 37px;
    height: 6px;
    background: #fa5050;
    opacity: .35
  }

  .icash-title .rects {
    float: right;
    padding-top: 16px
  }

  .icash-title .rects p {
    width: 2px;
    height: 2px;
    margin-bottom: 5px;
    background-color: #b6b6b6
  }

  .icash-title .desc {
    float: right;
    margin-right: 9px;
    padding-top: 12px;
    font-size: 12px;
    color: #aeb4c3;
    line-height: 1.5;
    text-align: right
  }

  .icash-process {
    height: 520px
  }

  .icash-steps {
    margin: 0 auto;
    text-align: center;
    position: relative
  }

  .icash-steps .step {
    display: inline-block;
    width: 260px;
    vertical-align: top
  }

  .icash-steps .step .icon {
    height: 125px;
    margin-bottom: 20px
  }

  .icash-steps .step .icon img {
    height: 100%
  }

  .icash-steps .step .process-title {
    margin-bottom: 14px;
    font-size: 22px;
    color: #000;
    line-height: 1
  }

  .icash-steps .step p {
    font-size: 14px;
    color: #333;
    line-height: 1.57
  }

  .icash-steps .bar {
    position: absolute;
    top: 61px;
    width: 92px;
    height: 1px;
    background: #c1d1ff
  }

  .icash-steps .bar-1 {
    left: 294px
  }

  .icash-steps .bar-2 {
    left: 551px
  }

  .icash-steps .bar-3 {
    left: 813px
  }


  .icash-faqs .icash-title {
    float: left;
    width: 322px;
    padding-top: 190px;
    padding-right: 0
  }

  .icash-rules .rule .icon {
    height: 58px;
    margin-bottom: 20px
  }

  .icash-rules .rule .icon img {
    height: 100%
  }


  .icash-cheatproof .icash-title {
    padding-top: 70px;
    padding-bottom: 46px
  }

  .cheatproof-steps-bg {
    height: 275px;
    margin: 0 auto;
    text-align: center;
    position: relative;
    background-image: url(https://plusjrmallstatic.bj.bcebos.com/wfe/luodiye/pc_proof_0122.jpg);
    background-position: left top;
    background-repeat: no-repeat;
    background-size: 1204px 275px
  }

  .cheatproof-steps-bg .cheatproof-steps {
    padding: 60px 0 0 94px
  }

  .cheatproof-steps-bg .cheatproof-steps .steps-title {
    font-size: 20px;
    color: #222;
    line-height: 24px;
    text-align: left;
    margin-bottom: 33px
  }

  .cheatproof-steps-bg .cheatproof-steps .step {
    font-size: 16px;
    font-weight: 400;
    color: #000;
    line-height: 32px;
    text-align: left
  }

  .cheatproof-steps-bg .cheatproof-steps .step p {
    font-size: 14px;
    color: #333;
    line-height: 1.57;
    -webkit-transform: scaleY(0.9);
    -ms-transform: scaleY(0.9);
    transform: scaleY(0.9)
  }

  @-webkit-keyframes swiper-preloader-spin {
    100% {
      -webkit-transform: rotate(360deg)
    }
  }

  @keyframes swiper-preloader-spin {
    100% {
      -webkit-transform: rotate(360deg);
      transform: rotate(360deg)
    }
  }

  html,
  body,
  div,
  span,
  object,
  iframe,
  h1,
  h2,
  h3,
  h4,
  h5,
  h6,
  p,
  blockquote,
  pre,
  abbr,
  address,
  cite,
  code,
  del,
  dfn,
  em,
  img,
  ins,
  kbd,
  q,
  samp,
  small,
  strong,
  sub,
  sup,
  var,
  b,
  i,
  dl,
  dt,
  dd,
  ol,
  ul,
  li,
  fieldset,
  form,
  label,
  legend,
  table,
  caption,
  tbody,
  tfoot,
  thead,
  tr,
  th,
  td,
  article,
  aside,
  canvas,
  details,
  figcaption,
  figure,
  footer,
  header,
  hgroup,
  menu,
  nav,
  section,
  summary,
  time,
  mark,
  audio,
  video {
    margin: 0;
    padding: 0;
    outline: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline
  }

  article,
  aside,
  details,
  figcaption,
  figure,
  footer,
  header,
  hgroup,
  menu,
  nav,
  section {
    display: block
  }

  address,
  caption,
  cite,
  code,
  dfn,
  em,
  strong,
  i,
  th,
  var,
  optgroup {
    font-style: normal;
    font-weight: 400
  }

  h1,
  h2,
  h3,
  h4,
  h5,
  h6,
  abbr,
  acronym {
    font-weight: 400
  }

  input,
  button,
  textarea,
  select,
  optgroup,
  option {
    font-family: inherit;
    font-size: inherit;
    font-style: inherit;
    font-weight: inherit
  }

  input,
  button,
  textarea,
  select {
    font-size: 100%
  }

  input[type=text],
  input[type=password],
  textarea {
    -webkit-border-radius: 0;
    border-radius: 0
  }

  textarea {
    resize: none
  }

  ol,
  ul {
    list-style: none
  }

  table {
    border-collapse: collapse;
    border-spacing: 0
  }

  caption,
  th {
    text-align: left
  }

  a,
  ins {
    text-decoration: none
  }

  a {
    outline: 0;
    color: #333
  }

  a:hover {
    color: #32394d;
    cursor: pointer
  }

  blockquote,
  q {
    quotes: none
  }

  :focus {
    outline: 0
  }

  img {
    border: 0;
    max-width: 100%
  }

  blockquote:before,
  blockquote:after,
  q:before,
  q:after {
    content: '';
    content: none
  }

  @font-face {
    font-family: dinschrift;
    src: url(//huoke-cdn-source.duxiaoman.com/v/static/mall/common/font/DINMittelschrift-Alternate_e5fbea1.eot);
    src: url(//huoke-cdn-source.duxiaoman.com/v/static/mall/common/font/DINMittelschrift-Alternate_187f07c.woff) format('woff'), url(//huoke-cdn-source.duxiaoman.com/v/static/mall/common/font/DINMittelschrift-Alternate_71a58a5.ttf) format('truetype'), url(//huoke-cdn-source.duxiaoman.com/v/static/mall/common/font/DINMittelschrift-Alternate_c55c38e.svg#DINMittelschrift-Alternate) format('svg'), url(//huoke-cdn-source.duxiaoman.com/v/static/mall/common/font/DINMittelschrift-Alternate_e5fbea1.eot?#iefix) format('embedded-opentype');
    font-weight: 400;
    font-style: normal
  }

  @font-face {
    font-family: fdcfont-bold;
    src: url(//huoke-cdn-source.duxiaoman.com/v/static/mall/common/font/FDCfont-Bold-1_8750535.ttf);
    font-style: normal
  }

  @font-face {
    font-family: fdcfont-regular;
    src: url(//huoke-cdn-source.duxiaoman.com/v/static/mall/common/font/FDCfont-Regular-0_c3da3b9.ttf);
    font-style: normal
  }

  body {
    font: 14px/1.5 PingFang SC, Lantinghei SC, Helvetica Neue, Helvetica, Arial, Microsoft YaHei, \\5FAE\8F6F\96C5\9ED1, STHeitiSC-Light, simsun, \\5B8B\4F53, WenQuanYi Zen Hei, WenQuanYi Micro Hei, sans-serif;
    color: #333;
    min-width: 1210px;
    -webkit-font-smoothing: antialiased
  }

  .bg-white {
    background-color: #fff
  }

  @import url(//huoke-cdn-source.duxiaoman.com/v/static/mall/common/ui/button_3603ffe.css);
  @import url(//huoke-cdn-source.duxiaoman.com/v/static/mall/common/ui/select/select_bbeca95.css);
  @import url(//huoke-cdn-source.duxiaoman.com/v/static/mall/common/ui/toast/toast_bce9958.css);
  @import url(//huoke-cdn-source.duxiaoman.com/v/static/mall/common/ui/form_041bcd6.css);


  #nprogress {
    pointer-events: none
  }

  #nprogress .bar {
    background: #5690f5;
    position: fixed;
    z-index: 1031;
    top: 0;
    left: 0;
    width: 100%;
    height: 2px
  }




  a img {
    border: 0
  }

  .city-panel .content {
    padding-top: 9px;
    line-height: 26px
  }

  .city-panel .content .letter {
    width: 42px;
    height: 30px;
    text-align: center;
    display: inline-block
  }

  .city-panel .content .short {
    width: 28px
  }

  .city-panel .content .city {
    width: 390px
  }

  .city-panel .content span {
    width: 78px;
    display: inline-block;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
  }

  .city-panel .content span i {
    cursor: pointer
  }


  .modal .content {
    background-color: #FFF;
    width: 900px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -475px;
    -webkit-transform: translate(0, -50%);
    -moz-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    -o-transform: translate(0, -50%);
    transform: translate(0, -50%)
  }

  .modal .content .mal-head {
    height: 50px
  }

  .modal .content .mal-close {
    width: 40px;
    height: 40px;
    float: right;
    margin-top: 20px;
    margin-right: -30px;
    cursor: pointer;
    background-image: url(//huoke-cdn-source.duxiaoman.com/v/static/mall/common/widget/modal/images/cl_285d43c.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 22px 22px
  }


  .banner-wraper .info .icon {
    width: 45px;
    height: 45px;
    border-radius: 45px;
    overflow: hidden
  }



  .banner-wraper .info .desc {
    font-size: 16px;
    color: #000;
    line-height: 25px
  }



  .index-inline-block {
    display: inline-block;
    *display: inline;
    *zoom: 1;
  }

  .index-float-left {
    float: left;
  }


  .index-footer {
    background: #3a3a3e;
  }

  .index-footer,
  .index-footer a {
    color: #737373;
  }

  .index-footer a:hover {
    color: #fff;
  }

  .index-footer-top,
  .index-footer-bottom {
    width: 1000px;
    margin: 0 auto;
  }

  .index-footer-top {
    height: 174px;
    border-bottom: 1px solid #4b4b4f;
  }

  .index-footer-bank,
  .index-footer-merchant,
  .index-footer-help {
    overflow: hidden;
  }

  .index-footer-bank {
    width: 370px;
  }

  .index-footer-merchant {
    width: 380px;
  }

  .index-footer-help {
    width: 250px;
  }

  .index-footer-top h4 {
    margin: 40px 0 20px 0;
    font-weight: 700;
    color: #fff;
  }

  .index-footer-help h4 {
    padding: 5px;
    border: 1px solid #9d9d9f;
    border-radius: 4px;
  }

  .index-footer-help h4 span {
    width: 15px;
    height: 14px;
    margin-right: 5px;
    vertical-align: middle;
    background: url() no-repeat;
  }

  .index-footer-help a {
    color: #3f73da;
  }

  .index-footer-top p {
    width: 325px;
    margin-bottom: 20px;
    font-size: 12px;
  }

  .index-footer-top a {
    font-size: 12px;
    margin: 0 15px 15px 0;
  }

  .index-footer-bank a {
    *float: left;
    width: 22px;
    height: 22px;
    text-indent: -9999px;
  }

  .index-footer-merchant a {
    margin-bottom: 10px;
  }

  .index-footer-bank-01 {
    background: transparent url() no-repeat;
  }

  .index-footer-bank-01:hover {
    background: url() no-repeat;
  }

  .index-footer-bank-02 {
    background: url() no-repeat;
  }

  .index-footer-bank-02:hover {
    background: url() no-repeat;
  }

  .index-footer-bank-03 {
    background: url() no-repeat;
  }

  .index-footer-bank-03:hover {
    background: url() no-repeat;
  }

  .index-footer-bank-04 {
    background: url() no-repeat;
  }

  .index-footer-bank-04:hover {
    background: url() no-repeat;
  }

  .index-footer-bank-05 {
    background: url() no-repeat;
  }

  .index-footer-bank-05:hover {
    background: url() no-repeat;
  }

  .index-footer-bank-06 {
    background: url() no-repeat;
  }

  .index-footer-bank-06:hover {
    background: url() no-repeat;
  }

  .index-footer-bank-07 {
    background: url() no-repeat;
  }

  .index-footer-bank-07:hover {
    background: url() no-repeat;
  }

  .index-footer-bank-08 {
    background: url() no-repeat;
  }

  .index-footer-bank-08:hover {
    background: url() no-repeat;
  }

  .index-footer-bank-09 {
    background: url() no-repeat;
  }

  .index-footer-bank-09:hover {
    background: url() no-repeat;
  }

  .index-footer-bank-10 {
    background: url() no-repeat;
  }

  .index-footer-bank-10:hover {
    background: url() no-repeat;
  }

  .index-footer-bank-11 {
    background: url() no-repeat;
  }

  .index-footer-bank-11:hover {
    background: url() no-repeat;
  }

  .index-footer-bank-12 {
    background: url() no-repeat;
  }

  .index-footer-bank-12:hover {
    background: url() no-repeat;
  }

  .index-footer-bank-13 {
    background: url() no-repeat;
  }

  .index-footer-bank-13:hover {
    background: url() no-repeat;
  }

  .index-footer-bank-14 {
    background: url() no-repeat;
  }

  .index-footer-bank-14:hover {
    background: url() no-repeat;
  }

  .index-footer-bank-15 {
    background: url() no-repeat;
  }

  .index-footer-bank-15:hover {
    background: url() no-repeat;
  }
}
</style>

